<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Avoid "The Shift"</title>
	<link rel="stylesheet" href="../../shared/source.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="../chapter.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="no-shift.css" type="text/css" media="screen" />
	<script src="../../ADS-final-verbose.js" type="text/javascript"></script>
	
	<script src="../../libraries/moo.fx-mootools.js" type="text/javascript"></script>
	<script src="../../libraries/jquery-latest.js" type="text/javascript"></script>
	<script type="text/javascript" src="no-shift.js"></script>
</head>
<body>
	<h1>Avoid "The Shift"</h1>
	
	<div id="content">
		<!--<h2>AdvandED DOM Scripting Library Test Page</h2>
		
		<h3>Avoid "The Shift"</h3>-->
			<h4><a href="#show-no-shift" title="Without shift">This message Doesn't Shift</a></h4>
			<div id="no-shift">This displayed without incident because the space was already there.</div>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean mollis. Suspendisse elementum sem et elit. Donec nec nibh ut lorem sagittis feugiat. Aenean vel turpis. Suspendisse aliquam justo vitae lacus. Sed consectetuer turpis nec leo. Quisque in nisi pharetra mi commodo consequat. Etiam lobortis euismod sem.</p> 

			<h4><a href="#show-shift" title="With shift">This Message Shifts</a></h4>
			<div id="shift">This shifts the rest of the page down.</div>		
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean mollis. Suspendisse elementum sem et elit. Donec nec nibh ut lorem sagittis feugiat. Aenean vel turpis. Suspendisse aliquam justo vitae lacus. Sed consectetuer turpis nec leo. Quisque in nisi pharetra mi commodo consequat. Etiam lobortis euismod sem.</p> 

		</div>

<div id="where-from">
	From <a href="http://advanceddomscripting.com" title="AdvancED DOM Scripting">AdvancED DOM Scripting</a> 
	| <a href="http://www.amazon.com/exec/obidos/ASIN/1590598563/jeffreysamb05-20" title="Buy it on Amazon">Paperback</a>
</div>
</body>

</html>
